﻿@charset "utf-8";
* {
    padding: 0;
    margin: 0;
}
@font-face {
    font-family: myFirstFont;
    /*src: url('../image/123456.TTF');*/
    src: url('http://jkera2016.oss-cn-shanghai.aliyuncs.com/ziti/123456.TTF'); 
}
#ziti{
	font-family: myFirstFont;
}
/*.loading{background: url(../image/loadingbg.jpg) no-repeat center center;background-size: 100% 100%;width: 100vw;height: 100vh;position: absolute;left: 0px;top: 0px;}*/

/*.jindutiao{width: 100px;height: 40px;line-height: 40px;color: #a7f0fb;font-family: "微软雅黑";font-weight: bold;font-size: 30px;text-align: center;position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -20px;background-color: rgba(0,0,255,0);}*/

#yemian{display: block;overflow: hidden;font-family: "微软雅黑";width:640px;min-height: 960px;}

.bg_div{width: 640px;background-color: red;display: none;}
.bg_div>img:nth-child(1){width: 640px;height: 100vh;}
.bg_yuansu{background: url(../image/result/result_yuansu.png);width: 640px;height: 1036px;position: absolute;}
#shipin{overflow: hidden;position: absolute;left: 0px;top: 0px;background-color: rgba(0,255,255,0.0);display: block;z-index:1;width: 100%;height: 100%;display: none;}
.zhezhao{width:100vw;height:100vh;position: absolute;left: 0px;top: 0px;background-color: rgba(123,123,123,0.4);z-index: 2;text-align: center;}
.result_div{position: absolute;width: 100vw;height: 100vh;background-color: rgba(0,255,0,0.0);left: 0px;top: 0px;display: none;}

.result_top_logo{background: url(../image/result/logo.png);width: 255px;height: 47px;position: absolute;left: 40px;top: 20px;}
.result_bottom_button_left{background: url(../image/result/result_button_left.png);width: 238px;height: 68px;position: absolute;left: 80px;top: 50%;margin-top: 400px;}
.result_bottom_button_right{background: url(../image/result/result_button_right.png);width: 238px;height: 68px;position: absolute;left: 320px;top: 50%;margin-top: 400px;}

.result_content{background: url(../image/result/result_outline.png);width: 510px;height: 763px;position: relative;left: 50%;top: 50%;margin-left: -255px;margin-top: -381px;}
.result_content_count{position: absolute;width: 150px;height: 70px;line-height: 70px;left: 71px;top: 138px;background-color: rgba(0,255,0,0.0);font-size: 70px;font-weight: bolder;color: #fee76c;}
.result_content_user_img{position: absolute;left: 340px;top: 110px;width: 125px;height: 125px;background-color: rgba(0,255,0,0.2);}
.result_content_user_name{position: absolute;left: 343px;top: 237px;width: 80px;height: 25px;line-height: 25px;background-color: rgba(255,0,0,0.0);font-size: 22px;color: #e1fff1;text-align: center;white-space: nowrap;overflow: hidden;}
.result_content_list_ul{position: absolute;left: 79px;top: 440px;width: 350px;height: 274px;background-color: rgba(0,255,0,0.0);overflow-y: scroll;}
.result_content_list_ul::-webkit-scrollbar{display: none;}
.result_content_list_li{width:100%;height: 60px;line-height: 60px;position: relative ;background-color: #0d407c;margin-bottom: 8px;}
.result_content_list_li_img{position: absolute;left: 25px;top: 7px;width: 45px;height: 45px;background-color: rgba(123,123,0,0.2);}
.result_content_list_li>span{position: absolute;left: 80px;top: 2px;font-size: 18px;font-weight: bold; color: #7beef9;}

.fenxiang_div{position: absolute;left: 0px;top: 0px;width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.8);display: none;}
.fenxiang_div>div{background: url(../image/result/fenxiang.png);width: 185px;height: 255px;position: absolute;left: 50%;top: 50%;margin-left: -0px;margin-top: -127px;}

.fenxiang_ani{
	animation: fenxiang_ani 3s infinite linear;
	-webkit-animation: fenxiang_ani 3s infinite linear;
	-ms-animation: fenxiang_ani 3s infinite linear;
}
@keyframes fenxiang_ani{
	from{left: 50%;top: 50%;}
	to{left:500px;top: -225px;}
}
.result_content_user_wenzi{position: absolute;left: 70px;top: 338px;width: 360px;height: 60px;line-height: 60px;background-color: rgba(0,122,122,0.0);text-align:center}
.result_content_button_dianji{width: 220px;height: 50px;position: absolute;left: 100px;top: 223px;background-color: rgba(0,122,122,0);}
.feichuan{
	background: url(../image/feichuan.png);width: 215px;height: 254px;position: absolute;bottom: 0px;left: 210px;
	animation: huangdong 0.1s infinite linear;
	-webkit-animation: huangdong 0.1s infinite linear;
	display: none;
}
@keyframes huangdong{
	10%{transform: rotate(-5deg)}
}